
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <title>个人信息</title>
</head>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<style>
    #grxx{
       background-color:whitesmoke;
        width: 900px;
        height: 600px;
        margin-left: 200px;
        margin-top: -100px;
    }
    .sz{
        margin-left: 100px;

        padding-top: 40px;
    }
    .person-tab{
    margin-left: 150px;
        padding-left: 20px;
    }
    a{
        text-decoration: none;
        color: black;
    }
    .jbxx-xian{
        background-color:red;
        width: 100px;
        height: 3px;
        margin-left: 150px;
        margin-top:-10px;
    }
    .xgmm-xian{
        background-color:red;
        width: 100px;
        height: 3px;
        margin-left: 303px;
        margin-top:-10px;
        display: none;
    }
    .konglong{
        margin-left: 130px;
        margin-top: 50px;
        border:solid 3px yellow;
    }
    .xgjbxx-href{
        margin-left:170px;
        margin-top: 100px;
        color:lightseagreen;
    }
    .find-grxx{
        border: solid 2px lawngreen;
        width: 500px;
        height: 400px;
        margin-left: 300px;
        margin-top: -210px;
        background-color: darkslategray;
    }
    .right-tab{
        margin-top: 60px;
        text-align: center;
        margin-left: 150px;
    }
    .right-tab tr  td{
        padding-top: 20px;
    }
    .left-grzy{
        position: absolute;
        border: 1px solid red;
        width: 190px;
        height: 500px;
       background: lightseagreen;
        text-align: center;
        padding-top: 5px;
    }
    a{
        text-decoration: none;
    }
    .right{
        transition: margin 0.5s ease-out;
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -khtml-transition: margin 0.5s ease-out;
    }
    .right:hover{
        margin-left: 40px;
    }
</style>
<script>
$(function () {
$("#xgmm").click(function (){
        $(".xgmm-xian").css("display","");
        $(".jbxx-xian").css("display","none");
})
    $("#jbxx").click(function () {
        $(".xgmm-xian").css("display","none");
        $(".jbxx-xian").css("display","");
    })
})
</script>
<body scroll="no" style="overflow-x:hidden; background: darkslategray">
<%@include file="tou.jsp"%>
<%@include file="zhong.jsp"%>
<!--左边-->
<div class="left-grzy">
    <a href="personal.jsp"><h3 style="color: white">个人主页</h3></a>
    <hr/>
    <h3 style="color:rgba(255,255,255,0.5)">我是考生</h3>
    <a href="##"><h6 class="right" style="color: white">竞赛</h6></a>
    <a href="/Eventstar/toexam/examfind"> <h6 class="right" style="color: white">考试</h6></a>
    <a href="##"><h6 class="right" style="color: white">答题</h6></a>
    <hr/>
    <h3 style="color:rgba(255,255,255,0.5)">我是考官</h3>
    <a href="/Eventstar/set/getsj"><h6 class="right" style="color: white">出试卷</h6></a>
    <a href="##"> <h6 class="right" style="color: white">出单题</h6></a>
    <a href="/Eventstar/book_lwj/book.jsp"><h6 class="right" style="color: white">题库</h6></a>
   <hr/>
    <a href="work.jsp"><h3 class="right" style="color: white">作业情况查询</h3></a>
</div>
<div id="grxx">
    <h1 class="sz">设置</h1>
    <div class="person-tab">
        <a href="/Eventstar/personal/find" id="jbxx">基本信息</a>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="/Eventstar/personal/find1?id=${tlist.uid}" id="xgmm">修改个人信息</a>
    </div>
    <hr/>
   <!--隐藏线-->
    <div class="jbxx-xian">
    </div>
    <div class="xgmm-xian">
    </div>

<!--左半边-->
    <div>
        <img src="/Eventstar/img/konglong.jpg" width="150px" height="150px" class="konglong"/>
    </div>
        <a href="personal/find1?id=${tlist.uid}" class="xgjbxx-href">修改基本信息>></a>
<!--右半边-->
    <div class="find-grxx">
        <table class="right-tab">
                    <tr>
                        <td><h3 style="color:rgba(255,255,255,0.5)">用户名：</h3></td>
                        <td> <h3  style="color: white">${tlist.uname}</h3></td>
                    </tr>
        </table>
    </div>
</div>
    <%@include file="wei.jsp"%>
</body>
</html>
